﻿
@{
    ViewBag.Title = "PerformanceAddAssess";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>

        .ant-collapse-header-text {
            color: #fff
        }

        .ant-collapse-header svg path, .ant-collapse-header svg rect {
            fill: #fff
        }

        #modal {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            background-color: white;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }

        #closeModal {
            margin-top: 10px;
        }

        #content_wrapper {
            height: 100%;
            overflow-y: hidden;
        }

        .ooo table {
            width: 100%;
            border-collapse: collapse; /*关键代码*/
            border-spacing: 0;
        }

        .ooo td {
            border-bottom: 1px solid #333;
            border-right: 1px solid #333;
            text-align: center
        }

        .iTitle {
            font-weight: 600;
            font-size: 16px;
            display: flex;
            width: 100%;
            align-items: center;
            margin-left: 20px;
        }

            .iTitle::before {
                content: "";
                margin-right: 10px;
                display: inline-block;
                width: 4px;
                height: 20px;
                background: #0064e5;
            }
    </style>
}
<div id="PerformanceAddAssess" class="font-['SourceHanSansSC']">
    <a-config-provider :locale="vlocale">
        <a-style-provider hash-priority="high">
            <a-image :width="200"
                     :style="{ display: 'none',zIndex:100 }"
                     :preview="{visible:PerformanceAddAssessParams.previewShow.value,onVisibleChange:PerformanceAddAssessParams.setVisible}" :src="PerformanceAddAssessParams.imgUrl.value"></a-image>
            <a-modal v-model:open="PerformanceAddAssessParams.fileOpen.value" width="60%" title="附件详情" v-on:ok="PerformanceAddAssessParams.fileOpen.value=false">
                <div style="padding:30px;box-sizing:border-box">
                    <template v-if="PerformanceAddAssessParams.chooseFiles.value&&PerformanceAddAssessParams.chooseFiles.value.length!=0">
                        <div v-for="e in PerformanceAddAssessParams.chooseFiles.value" style="cursor:pointer; display:flex;margin:10px 0;font-size:15px; align-items:center;width:100%;justify-content:space-between">
                            {{e.name}}
                            <div style="display:flex; align-items:center">
                                <a-space>
                                    <img v-if="e.isImage" style="width: 20px; height: 22px " src="~/Bussiness/img/svg/preview.svg" v-on:click="PerformanceAddAssessParams.btnPreview(e.uid)" />
                                    <img style="width: 20px; height: 22px " v-on:click="PerformanceAddAssessParams.btnDownLoad(e.uid) " src="~/Bussiness/img/svg/download.svg" />                                                                                                                                                                          @*<img style="width: 20px; height: 22px " v-on:click="PerformanceAddAssessParams.btnDelete(e.uid)" src="~/Bussiness/img/svg/delete.svg" />*@
                                    <a-popconfirm title="确定执行此操作,删除后不可恢复?" ok-text="确定" cancel-text="取消" v-on:confirm="PerformanceAddAssessParams.btnDelete(e.uid)">
                                        <img style="width: 20px; height: 22px" src="~/Bussiness/img/svg/delete.svg" />
                                    </a-popconfirm>
                                </a-space>
                            </div>
                        </div>
                    </template>
                    <template v-else>
                        暂无附件
                    </template>
                </div>
            </a-modal>
            <m-count-model></m-count-model>
            <m-pop-model></m-pop-model>
            <m-pdf-pop-model></m-pdf-pop-model>
            <header class="px-5 box-border" style="overflow-y:hidden">
                <div class="flex items-center">
                    <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto my-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">   <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="PerformanceAddAssessParams.onBack()" src="~/Assets/nimgs/exit.png" alt="返回" /></div> <span class="text-[]">首页<span class="mx-2">/</span>履职考核<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">年度考核填报</span> </span>  </div>
                </div>

                <div class=" w-full">
                    <a-collapse class="w-full" expand-icon-position="end" v-model:active-key="PerformanceAddAssessParams.activeKey.value">
                        <a-collapse-panel key="0" header="年度考核填报" style="background: #0064e5;color:#fff">
                            <a-spin :spinning="PerformanceAddAssessParams.uploadLock.value" tip="加载中，请耐心等待..." />
                            <template v-if="PerformanceAddAssessParams.type.value==0">
                                <a-form :model="PerformanceAddAssessParams.mform.value"
                                        name="basic"
                                        :label-col="{ span: 4 }"
                                        :wrapper-col="{ span: 20 }"
                                        autocomplete="off">

                                    <div class="mt-10">
                                        <a-row>

                                            <a-col :span="10">
                                                <a-form-item label="考核月份">

                                                    <a-select allow-clear
                                                              :disabled="PerformanceAddAssessParams.isEdit.value"
                                                              placeholder="请选择考核月份"
                                                              v-model:value="PerformanceAddAssessParams.mform.value.month"
                                                              :options="PerformanceAddAssessParams.monthList.value"></a-select>


                                                </a-form-item>
                                            </a-col>
                                            <a-col :span="2"></a-col>
                                            <a-col :span="10">

                                            </a-col>
                                        </a-row>
                                        <a-row>

                                            <a-col :span="10">




                                                <a-form-item label="部门">

                                                    <a-select allow-clear
                                                              show-search
                                                              :filter-option="PerformanceAddAssessParams.filterOption"
                                                              :disabled="PerformanceAddAssessParams.isEdit.value"
                                                              placeholder="请选择部门"
                                                              v-on:change="PerformanceAddAssessParams.dChange"
                                                              v-model:value="PerformanceAddAssessParams.mform.value.dept"
                                                              :options="PerformanceAddAssessParams.deptList.value"></a-select>


                                                </a-form-item>
                                            </a-col>
                                            <a-col :span="2"></a-col>
                                            <a-col :span="10">
                                                <a-form-item label="部门负责人">
                                                    <a-input disabled v-model:value="PerformanceAddAssessParams.mform.value.duty" />
                                                </a-form-item>
                                            </a-col>

                                        </a-row>

                                        <a-row>

                                            <a-col :span="10">
                                                <a-form-item label="扣分系数">
                                                    <a-input placeholder="请选择部门" disabled v-model:value="PerformanceAddAssessParams.mform.value.rate" />
                                                </a-form-item>
                                            </a-col>
                                            <a-col :span="2"></a-col>
                                            <a-col :span="10">
                                                <a-form-item label="办公性质">
                                                    <a-input placeholder="请选择部门" disabled v-model:value="PerformanceAddAssessParams.mform.value.type" />
                                                </a-form-item>
                                            </a-col>

                                        </a-row>





                                    </div>
                                </a-form>
                            </template>
                            <template v-else>
                                <a-form :model="PerformanceAddAssessParams.form.value"
                                        name="basic"
                                        :label-col="{ span: 4 }"
                                        :wrapper-col="{ span: 20 }"
                                        autocomplete="off">

                                    <div class="mt-10">
                                        <a-row>
                                            <a-col :span="10">
                                                <a-form-item label="审核计划"
                                                             name="plan">
                                                    <a-select placeholder="请选择考评表"
                                                              allow-clear
                                                              disabled
                                                              v-on:change="PerformanceAddAssessParams.planChange"
                                                              v-model:value="PerformanceAddAssessParams.form.value.plan"
                                                              :options="PerformanceAddAssessParams.planList.value">

                                                    </a-select>


                                                </a-form-item>
                                            </a-col>
                                            <a-col :span="2"></a-col>
                                            <a-col :span="10">
                                                <a-form-item label="填报部门">
                                                    <a-input placeholder="暂无数据" disabled v-model:value="PerformanceAddAssessParams.form.value.subdept" />
                                                </a-form-item>
                                            </a-col>
                                        </a-row>
                                        <a-row>

                                            <a-col :span="10">
                                                <a-form-item label="填报人">
                                                    <a-input placeholder="暂无数据" disabled v-model:value="PerformanceAddAssessParams.form.value.person" />
                                                </a-form-item>
                                            </a-col>
                                            <a-col :span="2"></a-col>
                                            <a-col :span="10">

                                            </a-col>

                                        </a-row>




                                    </div>
                                </a-form>
                            </template>

                        </a-collapse-panel>
                        <a-collapse-panel key="1" header="考核考评表" style="background: #0064e5;color:#fff">

                            <template v-if="PerformanceAddAssessParams.type.value==0">

                                <template v-if="PerformanceAddAssessParams.mform.value.dept">

                                    <a-card :loading="PerformanceAddAssessParams.uploadLock.value">
                                        <template #title>
                                            <div class="w-full flex justify-between items-center">
                                                <div class="flex items-center"> <div>{{PerformanceAddAssessParams.listInfo.value.TypeName}}</div> </div>
                                            </div>
                                        </template>
                                        <div class="ooo  w-full h-auto my-0 bg-white overflow-scroll">
                                            <div style="border-top: 1px solid #333;  border-left: 1px solid #333">
                                                <table v-for="(e,i) in PerformanceAddAssessParams.mlist.value">
                                                    <tr v-if="i==0">
                                                        <td class="w-[30px] h-[38px]">一级指标</td>
                                                        <td class="w-[500px] h-[38px]">
                                                            <div class="flex" style="height:100%">
                                                                <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">二级指标</div>

                                                                <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">计算方式</div>
                                                                <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">分数</div>
                                                                <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考评情况</div>
                                                                <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">审核人</div>
                                                                <div v-show="PerformanceAddAssessParams.isSave.value" style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">操作</div>
                                                            </div>
                                                        </td>
                                                    </tr>

                                                    <tr v-for="(es,ei) in e.NodeList">

                                                        <td class="w-[30px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.No}}.{{e.CategoryName}}({{e.Score}}分)</td>

                                                        <td class="w-[500px] h-[108px]">
                                                            <div class="flex" style="height: 100%;">
                                                                <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box">{{es.SubcategoryName}}({{es.Score}}分)</div>


                                                                <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box " :style="{color:es.ItemScore!==0?'red':'black',fontWeight:'600'}">{{es.CalcType==0?'扣分':'加分'}}</div>

                                                                <div style="flex: 1; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                    <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                        <div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0">
                                                                            <a-input-number :disabled="PerformanceAddAssessParams.isEdit.value" v-model:value="es.ItemScore" v-on:change="PerformanceAddAssessParams.ichange" :min="0" :max="100" :formatter="value => `${value}分`" :parser="value => value.replace('分', '')"></a-input-number>

                                                                        </div>
                                                                    </div>

                                                                </div>
                                                                <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center;flex-direction:column; justify-content: center; padding:0 4px; box-sizing: border-box ">
                                                                    <a-textarea :disabled="PerformanceAddAssessParams.isEdit.value" v-model:value="es.Remark"></a-textarea>
                                                                    <div style="display:flex;align-items:center">
                                                                        <a-upload :key="ei" :show-upload-list="false" v-model:file-list="es.ItemFileList"
                                                                                  v-on:change="PerformanceAddAssessParams.handleChange">
                                                                            <a-button v-if="!PerformanceAddAssessParams.isEdit.value" style="margin-top:8px" v-on:click="PerformanceAddAssessParams.upload(i,ei)" type="primary">点击上传</a-button>

                                                                        </a-upload>

                                                                        <a-button v-on:click="PerformanceAddAssessParams.handleFile(i,ei)" style="margin-top:8px;margin-left:4px" type="primary">查看附件 <span v-if="es.ItemFileList&&es.ItemFileList.length!=0">({{es.ItemFileList&&es.ItemFileList.length}})</span> </a-button>
                                                                    </div>
                                                                </div>
                                                                <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">{{es.UpdateUserName||'-'}}</div>
                                                                <div v-show="PerformanceAddAssessParams.isSave.value" style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center;flex-direction:column; justify-content: center; padding:0 4px; box-sizing: border-box ">
                                                                    <a-button v-on:click="PerformanceAddAssessParams.handleItemSave(es,ei)" style="margin-top:8px;margin-left:4px" type="primary">保存</a-button>
                                                                </div>



                                                            </div>
                                                        </td>
                                                    </tr>

                                                </table>


                                            </div>








                                        </div>
                                    </a-card>
                                    <div class="w-full mt-10 h-[46px] bg-[#f6f8f8] flex items-center">
                                        <div class="iTitle">备注及附件</div>

                                    </div>


                                    <a-form :model="PerformanceAddAssessParams.subform.value"
                                            :label-col="{ span: 1 }"
                                            :wrapper-col="{ span: 8 }"
                                            autocomplete="off">

                                        <div class="mt-10">
                                            <a-row>
                                                <a-col :span="24">
                                                    <a-form-item label="备注"
                                                                 name="Remark">

                                                        <a-textarea :disabled="PerformanceAddAssessParams.isEdit.value" v-model:value="PerformanceAddAssessParams.subform.value.Remark" placeholder=""></a-textarea>
                                                    </a-form-item>
                                                </a-col>

                                            </a-row>
                                            <a-row>
                                                <a-col :span="24">
                                                    <a-form-item label="附件">
                                                        <a-upload-dragger :disabled="PerformanceAddAssessParams.isEdit.value" v-model:file-list="PerformanceAddAssessParams.fileList.value"
                                                                          :item-render="PerformanceAddAssessParams.itemRender.value"
                                                                          :custom-request="()=>{}"
                                                                          v-on:change="PerformanceAddAssessParams.handleChange1">

                                                            <p class="ant-upload-text">单击或拖动文件到此区域进行上传</p>
                                                            <p class="ant-upload-hint">
                                                                支持单个或批量上传
                                                            </p>
                                                        </a-upload-dragger>
                                                    </a-form-item>
                                                </a-col>
                                            </a-row>
                                        </div>
                                    </a-form>










                                    <div class="w-full h-[56px] items-center flex justify-end">
                                        <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">总分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{(Math.floor(PerformanceAddAssessParams.TotalScore.value * Math.pow(10, 2)) / Math.pow(10, 2)).toFixed(2)}}</span><div style="margin-left:6px"> 分</div></div>
                                    </div>
                                </template>
                                <template v-else>
                                    <div style="width:100%;display:flex;justify-content:center;font-weight:bolder">
                                        请先选择部门
                                    </div>
                        
                                </template>
                                </template>
                                <template v-else>

                                    <div style="position: absolute; left: -99999px; min-height: 100%; width: 100%">
                                        @*<div>*@
                                        <a-card>
                                            <template #title>
                                                <div class="w-full flex justify-between items-center">
                                                    <div class="w-full flex items-center justify-between">
                                                        <div>通用部分报表（所有部门适用）</div>

                                                    </div>


                                                </div>
                                            </template>
                                            <a-spin :spinning="PerformanceAddAssessParams.uploadLock.value" tip="加载中，请耐心等待..." />
                                            <div class="ooo  w-full bg-white" id="target" ref="target">
                                                <div :style="{
                                              fontSize: PerformanceAddAssessParams.autoSaveParams.value.size +4 + 'px!important'
                                                         }" style="width: 100%; text-align: center; margin-bottom: 20px; color: #000 ">
                                                    {{  PerformanceAddAssessParams.tableName.value }}
                                                </div>
                                                <div style="border-top: 1px solid #333;  border-left: 1px solid #333">


                                                    <table v-for="(e,i) in PerformanceAddAssessParams.list.value" :style="{
                                                   fontSize: PerformanceAddAssessParams.autoSaveParams.value.size + 'px!important'
                                                   }" style=" color: #000">
                                                        <tr style="text-align: center; font-size: 20px; border-bottom: 1px solid #333; border-right: 1px solid #333">
                                                            <div :style="{
                                                           fontSize: PerformanceAddAssessParams.autoSaveParams.value.size +4 + 'px!important'
                                                         }" style=" text-align: center; border-right: 1px solid #333;   padding-bottom: 20px; box-sizing: border-box;color: #000">通用部分报表</div>
                                                        </tr>
                                                        <tr v-if="i==0">
                                                            <td class="max-w-[60px]" style="padding-bottom: 20px; box-sizing: border-box; ">一级指标</td>
                                                            <td>
                                                                <table style="border:0px solid red">
                                                                    <tr style="border:0px solid red">
                                                                        <td class="w-[60px] h-[38px]" style=" padding-bottom: 20px; box-sizing: border-box; ">二级指标</td>
                                                                        <td class="w-[500px] h-[38px]">
                                                                            <div class="flex" style="height:100%">
                                                                                <div style="height: 100%; flex: 1; align-items:center; padding-bottom:20px;box-sizing:border-box;  text-align: center; border-right: 1px solid #333; ">考核内容</div>

                                                                                <div style="height: 100%; flex: 1; align-items: center; padding-bottom: 20px; box-sizing: border-box; text-align: center; border-right: 1px solid #333; ">考核方式</div>

                                                                                <div style="height: 100%; width: 120px; align-items: center; padding-bottom: 20px; box-sizing: border-box; text-align: center; border-right: 1px solid #333; ">扣/加分</div>
                                                                                <div style="height: 100%; flex: 1; align-items: center; padding-bottom: 20px; box-sizing: border-box; text-align: center; border-right: 1px solid #333; ">自评情况/资料说明</div>

                                                                            </div>
                                                                        </td>

                                                                    </tr>
                                                                </table>

                                                            </td>

                                                        </tr>
                                                        <tr v-for="(es,ei) in e.NodeList">

                                                            <td class="max-w-[60px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.No}}.{{e.CategoryName}} {{e.Score==0?null:`(${e.Score}分)`}}</td>
                                                            <td class="calc(100% - 35px)">
                                                                <template v-if='es.NodeList&&es.NodeList.length!=0'>
                                                                    <table>
                                                                        <tr v-for="(ess,iss) in es.NodeList">
                                                                            <td class="w-[60px] h-[88px]" v-if="iss==0" :rowspan="es.NodeList.length">{{es.No}}.{{es.SubcategoryName}}   {{es.Score==0?null:`(${es.Score}分)`}}</td>
                                                                            <td class="w-[500px] h-[108px]">
                                                                                <div class="flex" style="height: 100%;">
                                                                                    <div style="flex: 1; border-right: 1px solid #333; display: flex; padding: 4px; padding-bottom:20px; box-sizing: border-box">{{ess.No}}.{{ess.CheckContent}}{{ess.Score==0?null:`(${ess.Score}分)`}}</div>
                                                                             
                                                                                    <div style="flex: 1; border-right: 1px solid #333; display: flex; padding: 4px; padding-bottom: 20px; box-sizing: border-box ">{{ess.MethodType}}</div>
                                                                                
                                                                                    <div style="width: 120px; border-right: 1px solid #333; position: relative; display: flex; padding: 4px; padding-bottom: 20px; justify-content: center; align-items: center; text-align: center; box-sizing: border-box ">
                                                                                        {{ess.SelfScore==0?0:ess.CalcType==0?`-${ess.SelfScore}分`:`+${ess.SelfScore}分`}}

                                                                                    </div>
                                                                                    <div style="flex: 1; border-right: 1px solid #333; display: flex; padding: 4px; padding-bottom: 20px; box-sizing: border-box ">

                                                                                        {{ess.Remark}}

                                                                                    </div>

                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </template>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>




                                                <div :style="{
                                              fontSize: PerformanceAddAssessParams.autoSaveParams.value.size +4 + 'px!important'
                                                         }" style="width:100%;margin-top:30px">
                                                    <div style="width: 100%; display: flex;justify-content: space-between; padding-right:330px; color:#000">

                                                        <div>填报部门:{{ PerformanceAddAssessParams.form.value.subdept}}</div>
                                                        <div>填报人:{{PerformanceAddAssessParams.form.value.person}}</div>
                                                        <div>自评总分:{{ PerformanceAddAssessParams.Idealmark(PerformanceAddAssessParams.TotalScore.value + PerformanceAddAssessParams.totala.value - PerformanceAddAssessParams.totals.value,PerformanceAddAssessParams.TotalScore.value)   }}分</div>
                                                        <div>部门领导:</div>



                                                    </div>


                                                </div>
                                                <div style="height:200px"></div>
                                            </div>
                                        </a-card>
                                    </div>
                                    <a-card>
                                        <template #title>
                                            <div class="w-full flex justify-between items-center">
                                                <div class="w-full flex items-center justify-between">
                                                    <div>履职考核考评表——通用部分（100分，所有部门适用）</div>

                                                </div>


                                            </div>
                                        </template>
                                        <a-spin :spinning="PerformanceAddAssessParams.uploadLock.value" tip="加载中，请耐心等待..." />
                                        <div class="ooo  w-full bg-white">
                                            <div style="border-top: 1px solid #333;  border-left: 1px solid #333">

                                                <table v-for="(e,i) in PerformanceAddAssessParams.list.value">
                                                    <tr v-if="i==0">
                                                        <td>一级指标</td>
                                                        <td>
                                                            <table style="border:0px solid red;box-sizing:border-box">
                                                                <tr style="border:0px solid red">
                                                                    <td class="w-[50px] h-[38px]">二级指标</td>
                                                                    <td class="w-[500px] h-[38px]">
                                                                        <div class="flex" style="height:100%;width:100%;">
                                                                            <div style="height: 100%; flex: 1;  display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考核内容</div>
                                                                            <div style="height: 100%; flex: 1;  display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">备查/佐证资料</div>
                                                                            <div style="height: 100%; flex: 1;  display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">考核方式</div>
                                                                            <div style="height: 100%;width:100px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">计算方式</div>
                                                                            <div style="height: 100%; width: 120px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">分数</div>
                                                                            <div style="height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid #333; ">自评情况/资料说明</div>

                                                                        </div>
                                                                    </td>

                                                                </tr>
                                                            </table>

                                                        </td>

                                                    </tr>
                                                    <tr v-for="(es,ei) in e.NodeList">

                                                        <td class="w-[85px]" v-if="ei==0" :rowspan="e.NodeList.length">{{e.No}}.{{e.CategoryName}} {{e.Score==0?null:`(${e.Score}分)`}}</td>
                                                        <td style="calc(100% - 35px)">
                                                            <template v-if='es.NodeList&&es.NodeList.length!=0'>
                                                                <table style="box-sizing:border-box">
                                                                    <tr v-for="(ess,iss) in es.NodeList">
                                                                        <td class="w-[50px] h-[88px]" v-if="iss==0" :rowspan="es.NodeList.length">{{es.No}}.{{es.SubcategoryName}}   {{es.Score==0?null:`(${es.Score}分)`}}</td>
                                                                        <td class="w-[500px] h-[108px]">
                                                                            <div class="flex" style="height: 100%; width:100%;">
                                                                                <div style="flex: 1;flex-shrink:0; overflow:hidden; border-right: 1px solid #333;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box">{{ess.No}}.{{ess.CheckContent}}{{ess.Score==0?null:`(${ess.Score}分)`}}</div>
                                                                                <div style="flex: 1; border-right: 1px solid #333;  display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">{{ess.Evidences}}</div>
                                                                                <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding:0 4px; box-sizing: border-box ">{{ess.MethodType}}</div>
                                                                                <div style="width: 100px; border-right: 1px solid #333; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box " :style="{color:ess.SelfScore!==0?'red':'black',fontWeight:'600'}">{{ess.CalcType==0?'扣分':'加分'}}</div>
                                                                                <div style="width: 120px; border-right: 1px solid #333; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                    <div style=" flex: 1; overflow: hidden;  display: flex; align-items: center; justify-content: center; padding: 0 4px; box-sizing: border-box ">
                                                                                        <div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0">
                                                                                            <a-input-number :disabled="PerformanceAddAssessParams.isEdit.value" v-model:value="ess.SelfScore" v-on:change="PerformanceAddAssessParams.ichange()" :min="0" :max="100" :formatter="value => `${value}分`" :parser="value => value.replace('分', '')"></a-input-number>

                                                                                        </div>
                                                                                    </div>

                                                                                </div>
                                                                                <div style="flex: 1; border-right: 1px solid #333; display: flex; align-items: center;flex-direction:column; justify-content: center; padding:0 4px; box-sizing: border-box ">
                                                                                    <a-popover title="自评情况/资料说明" trigger="hover">
                                                                                        <template #content>
                                                                                            <p style="width:1000px">{{ess.Remark||'-'}}</p>
                                                                                        </template>
                                                                                        <a-textarea v-on:click="PerformanceAddAssessParams.modelShow(i,ei,iss,ess.Remark)" :disabled="PerformanceAddAssessParams.isEdit.value" :placeholder="`${ess.CalcType==0?'请输入自评情况':ess.SelfScore==0?'请输入自评情况':   ess.ItemFileList&&ess.ItemFileList.length?   '请输入自评情况'    : '请输入自评情况(请提供加分相关附件证明)'}`" v-model:value="ess.Remark"></a-textarea>
                                                                                    </a-popover>

                                                                                    <div style="display:flex;align-items:center;overflow:hidden">
                                                                                        <a-upload :show-upload-list="false" v-model:file-list="ess.ItemFileList"
                                                                                                  v-on:change="PerformanceAddAssessParams.handleChange">
                                                                                            <a-button v-if="!PerformanceAddAssessParams.isEdit.value" style="margin-top:8px" :disabled="ess.CalcType==1&&ess.SelfScore==0" v-on:click="PerformanceAddAssessParams.upload(i,ei,iss)" type="primary">上传</a-button>
                                                                                        </a-upload>
                                                                                        <a-button v-on:click="PerformanceAddAssessParams.handleFile(i,ei,iss)" style="margin-top:8px;margin-left:4px" type="primary">查看 <span v-if="ess.ItemFileList&&ess.ItemFileList.length!=0">({{ess.ItemFileList&&ess.ItemFileList.length}})</span> </a-button>
                                                                                    </div>
                                                                                </div>

                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </template>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>








                                        </div>
                                    </a-card>
                                    <div class="w-full mt-10 h-[46px] bg-[#f6f8f8] flex items-center">
                                        <div class="iTitle">备注及附件</div>
                                        <a-button v-on:click="PerformanceAddAssessParams.export" style="margin-right:20px" type="primary">导出报表</a-button>
                                    </div>


                                    <a-form :model="PerformanceAddAssessParams.subform.value"
                                            :label-col="{ span: 1 }"
                                            :wrapper-col="{ span: 8 }"
                                            autocomplete="off">

                                        <div class="mt-10">
                                            <a-row>
                                                <a-col :span="24">
                                                    <a-form-item label="备注"
                                                                 name="Remark">
                                                        <a-textarea v-model:value="PerformanceAddAssessParams.subform.value.Remark" placeholder="请输入备注"></a-textarea>
                                                    </a-form-item>
                                                </a-col>

                                            </a-row>
                                            <a-row>
                                                <a-col :span="24">
                                                    <a-form-item label="附件" required>
                                                        <a-spin :spinning="PerformanceAddAssessParams.uploadLock.value" tip="加载中，请耐心等待..." />
                                                        <a-upload-dragger v-model:file-list="PerformanceAddAssessParams.fileList.value"
                                                                          :item-render="PerformanceAddAssessParams.itemRender.value"
                                                                          :custom-request="()=>{}"
                                                                          v-on:change="PerformanceAddAssessParams.handleChange1">

                                                            <p class="ant-upload-text"> (请导出报表并签字后上传)</p>

                                                            <p class="ant-upload-hint">
                                                                单击或拖动文件到此区域进行上传
                                                            </p>
                                                        </a-upload-dragger>
                                                    </a-form-item>
                                                </a-col>
                                            </a-row>
                                        </div>
                                    </a-form>










                                    <div class="w-full h-[56px] items-center flex justify-end">

                                        <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">自评扣分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{PerformanceAddAssessParams.totals.value}}</span><div style="margin-left:6px"> 分</div></div>


                                        <div class="mr-[70px] text-[16px] font-weight-bold flex items-center">
                                            自加分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; " class="font-size: 25px;
font-weight: bold;">{{PerformanceAddAssessParams.totala.value}}</span> <div style="margin-left:6px"> 分</div>


                                        </div><div class="mr-[70px] text-[16px] font-weight-bold flex items-center">通用自评总分：<span style="font-size: 25px; font-weight: bold; color: #FF5E13; ">{{PerformanceAddAssessParams.Idealmark(PerformanceAddAssessParams.TotalScore.value + PerformanceAddAssessParams.totala.value - PerformanceAddAssessParams.totals.value,PerformanceAddAssessParams.TotalScore.value )   }}</span><div style="margin-left:6px"> 分</div></div>

                                    </div>



                                    @*<div ref="test"></div>*@
                                </template>







                        </a-collapse-panel>

                    </a-collapse>
                    <m-bottom-btns></m-bottom-btns>

                </div>
            </header>
        </a-style-provider>
    </a-config-provider>

</div>

@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script src="~/bussiness/js/pg/Performance/html2canvas.js"></script>
    <script type="module">
        import Composition from '../../bussiness/js/pg/Performance/assessAdd.js?v=@DateTime.Now.ToString("yyyyMMddHHmmss")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('PerformanceAddAssess', Composition, localeValues)
    </script>
}



